<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>register.html</title>
<link rel="stylesheet" type="text/css" href="./login.css" />
<script src="./login.js"></script>
</head>
<body>
	<!-- 1.头部部分 -->
	<div class="header">
		<div class="header-logo">
			<img src="./img/logo.jpeg" width="125" height="50" />
		</div>
		<div class="header-search">
			<input class="search-control" name="search" placeholder="搜索" />
			<button class="search-button">搜索</button>
		</div>
		<div class="header-menu">
			<a href="./login.html">登录</a> &nbsp;&nbsp;&nbsp;&nbsp; <a
				href="./register.html">注册</a>
		</div>
	</div>

	<!-- 2.导航条部分 -->
	<div class="loading-length"></div>
	<div class="nav">
		<ul class="navbar">
			<li class="dropdown"><a href="#">全部课程<b class="caret"></b></a>
				<ul class="dropdown-menu">
					<li><a href="#">前端开发</a></li>
					<li><a href="#">后端开发</a></li>
					<li><a href="#">移动开发</a></li>
					<li><a href="#">数据库</a></li>
				</ul></li>
			<li class="dropdown"><a href="#">文章咨询<b class="caret"></b></a>
				<ul class="dropdown-menu">
					<li><a href="#">技术文章</a></li>
					<li><a href="#">行业资讯</a></li>
				</ul></li>
			<li><a href="#">学习小组</a></li>
			<li><a href="#">捐助本站</a></li>
		</ul>
	</div>

	<!-- 3.中间内容部分 -->
	<div class="content-container">
		<div class="content">
			<div class="login-tab">
				<a href="./login.html">登录账号</a> <a class="active">注册账号</a>
			</div>
			<div class="login-main">
				<form id="login-form" action="./register.php" method="post"
					name="myform" onsubmit="return checkform();">
					<div class="form-group">
						<label class="control-lable" for="login_username">用户名</label>
						<div class="controls">
							<input id="user" class="form-control" type="text" name="username"
								placeholder="用户名" />
						</div>
					</div>
					<div class="form-group">
						<label class="control-label" for="login_password">密码</label>
						<div class="controls">
							<input id="pass" class="form-control" type="password"
								name="password" placeholder="密码" />
						</div>
					</div>
					<div class="form-group">
						<label class="control-label" for="login_password">确认密码</label>
						<div class="controls">
							<input id="pass" class="form-control" type="password"
								name="password2" placeholder="再次输入密码" />
						</div>
					</div>
					<div class="form-group">
						<label class="control-label">验证码</label>
						<div class="controls">
							<input class="form-control image" type="text" name="image" /> <img
								src="./img.php" id="img"></img>
						</div>
					</div>
					<div class="form-group">
						<input class="mybtn" type="submit" name="submit" value="注册" />
					</div>
				</form>
			</div>
		</div>
	</div>

	<!-- 4.底部部分  -->
	<div class="footer">
		<p class="footer-text">
			<a href="#">课程存档</a> 课程内容版权均归<a href="#">学编程</a>所有 <a href="#">京ICP备13042384号</a>
		</p>
	</div>

	<!-- 5.侧边栏部分 -->
	<div class="sidebar"></div>
</body>
<script>
	var img = document.getElementById("img");
	img.onclick = function() {
		this.src = this.src + "?" + Math.random();
	}
</script>
</html>